<template>
  <van-grid :column-num="5" :border="false" :icon-size="36">
    <van-grid-item v-for="item of list" :key="item.id" :icon="item.icon" :text="item.text" />
    </van-grid>
</template>
<script>
import Vue from 'vue'
import { Grid, GridItem } from 'vant'
Vue.use(Grid)
Vue.use(GridItem)
export default {
  data () {
    return {
      list: [{
        id: 1,
        text: '小v超市',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/125678/35/5947/4868/5efbf28cEbf04a25a/e2bcc411170524f0.png'
      },
      {
        id: 2,
        text: '数码电器',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/135931/4/3281/5598/5efbf2c0Edbdc82c7/ed9861b4ddfb9f30.png'
      },
      {
        id: 3,
        text: '小v服饰',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/140012/8/1804/3641/5efbf318E38bd5dad/0db99d859ab16ce9.png'
      },
      {
        id: 4,
        text: '小v生鲜',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/129215/21/5978/3618/5efbf344Ebec23ae8/59712d986b10bb0a.png'
      },
      {
        id: 5,
        text: '小v到家',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/116602/7/11200/3796/5efbf375Ebba41029/f07cc166f368fa05.png'
      },
      {
        id: 6,
        text: '充值缴费',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/146390/3/1846/4909/5efbf39aEe5f5f797/300071558a9ab078.png'
      },
      {
        id: 7,
        text: '9.9元拼',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/143365/25/1824/3716/5efbf3c0E5175e1fb/88f6227257a29f1d.png'
      },
      {
        id: 8,
        text: '领券',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/113589/24/11332/4897/5efbf3feE705d87db/e5c12d5e943266b9.png'
      },
      {
        id: 9,
        text: '借钱',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/129184/28/5977/3711/5efbf53aE2c2e6a07/7db529ce0e00838f.png'
      },
      {
        id: 10,
        text: 'plus会员',
        icon: '//m.360buyimg.com/mobilecms/s120x120_jfs/t1/123730/37/5924/4189/5efbf567E0a226121/d04df7c74c87cf68.png'
      }]
    }
  }
}
</script>
<style lang="scss" >
  .van-grid {
    .van-grid-item {
      .van-grid-item__content{
        background: #f6f6f6;
      }
    }
  }
</style>
